<style>
    html,body {
        overflow-y: hidden;
    }
    /*#dataTable label {*/
        /*float: right;*/
        /*margin-bottom: 0px;*/
        /*width: 70px;*/
    /*}*/
    #dataTable tr td {
        padding: 10px;
    }
    .form-inline a {
        cursor: pointer;
        text-decoration:underline;
    }
    p {
        width: 100%;
        height: auto;
        word-wrap:break-word;
        /*word-break:break-all;*/
        overflow: hidden;
        max-width: 1000px;
    }
    .scrollDiv{
        overflow-y: auto;
        width:100%;
    }
    .my-answer:after {
        position: absolute;
        top: 23px;
        left: -6px;
        display: inline-block;
        border-top: 6px solid transparent;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid transparent;
        content: '';
    }

    .infoDiv {
        margin-top: 20px;
        position: relative;
        margin-left: 50px;
        margin-right: 50px;
        background-color: #fff;
        padding-left: 30px;
    }
    .dialog {
        margin-top: 20px;
        position: relative;
        background-color: #fff;
        padding: 10px;
        padding-left: 30px;

    }
    .dialog:after {
        position: absolute;
        top: 23px;
        left: -6px;
        display: inline-block;
        border-top: 6px solid transparent;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid transparent;
        content: '';
    }

    /*.ask {*/
        /*margin-top: 20px;*/
        /*position: relative;*/
        /*background-color: #ffffff;*/
        /*padding: 10px;*/
        /*padding-left: 30px;*/

    /*}*/
    /*.ask:after {*/
        /*position: absolute;*/
        /*top: 23px;*/
        /*left: -6px;*/
        /*display: inline-block;*/
        /*border-top: 6px solid transparent;*/
        /*border-right: 6px solid #ffffff;*/
        /*border-bottom: 6px solid transparent;*/
        /*content: '';*/
    /*}*/

    .pContent {
        margin-top: 5px;
        font-size: 14px;
        line-height: 24px;
        color: #333;
    }
    .c-time {
        display: inline;
        font-size: 12px;
        color: #9eadb6;
    }
    .footer-line {
        height: 32px;
        margin-bottom: 15px;
        line-height: 32px;
    }
    .uploaded-photo-list li {
        float: left;
        width: auto;
        margin-right: 5px;
    }
</style>
<table class="table" style="width: 100%;padding: 10px;">
    <tr style="height: 40px;">
        <td valign="top" colspan="2" style="padding: 0px;">
            <div  class="form-inline" style="padding:10px;background-color: #bdf3dc;width: 100%;height: 40px;">
                <a id="front" class="pull-left">< 上一条</a>
                <a id="next" class="pull-right">下一条 ></a>
            </div>
        </td>
    </tr>
    <tr class="info" >
        <th valign="top" style="padding: 0px;line-height: 51px;padding-left: 10px;width: 50%">编号：{{ info['feedbackSign'] }}&nbsp;&nbsp;&nbsp;&nbsp;状态：{{ info['nowStatus'] }}</th>
        <th>
            <div style="padding: 0px;">
                {% if info['nowStatus'] != '已解决' and info['nowStatus'] != '已结束'  %}
                    {% if power['replyPower'] %}
                        <a class="btn btn-default " style="margin-left: 20px" onclick="reply('{{ info['id'] }}','{{ info['name'] }}')">回复</a>
                    {% endif %}
                {% endif %}
                {% if info['nowStatus'] != '已结束' %}
                    {% if power['shieldPower'] %}
                        <a class="btn btn-default " onclick="shield('{{  info['id'] }}','{{ info['name']  }}')">禁言</a>
                    {% endif %}
                {% endif %}
                {% if power['delPower'] %}
                    <a class="btn btn-default " onclick="del('{{ info['id'] }}')">删除</a>
                {% endif %}
                <a id="back" class="btn btn-default " onclick="goBack()">返回</a>
            </div>
        </th>
    </tr>
    <tr>
        <td valign="top" colspan="2">
            <div class="scrollDiv">
                <table id="dataTable" style="width: 100%;">
                    <tr style="padding-top: 30px;">
                        <td colspan="4">
                            <div style="position: relative;background-color: #fff;margin-right: 20px;">
                                <div class="infoDiv">
                                    <table style="width: 100%;">
                                        <tr>
                                            <td style="width: 30%;"><div style="text-align: center;width: 100%;"><b>反馈人:</b>&nbsp;&nbsp;&nbsp;&nbsp;{{ info['userName'] }}</div></td>
                                            <td style="width: 40%;" ><div style="text-align: center;width: 100%;"><b>反馈应用：</b>&nbsp;&nbsp;&nbsp;&nbsp;{{ info['appName'] }}</div></td>
                                            <td style="width: 30%;"><div style="text-align: center;width: 100%;"><b>反馈类型：</b>&nbsp;&nbsp;&nbsp;&nbsp;{{ info['feedbackType'] }}</div></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top" style="text-align: center;width: 100px;">
                            <div style="margin-top: 40px;"><label>反馈内容：</label></div>
                        </td>
                        <td colspan="3">
                            <div style="position: relative;margin-right: 20px;">
                                <div class="dialog">
                                    <div class="footer-line">
                                        <span class="c-time">时间：{{ info['createTime'] }}</span>
                                    </div>
                                    <div class="pContent">
                                        <p id="describle">{{ info['describe'] }}</p>
                                        {% if info['image'] | length > 0 %}
                                            <div  style="margin-bottom: 10px;">
                                                <ul class="uploaded-photo-list m-top-sm clearfix images" >
                                                    {% for index,url in info['image']  %}
                                                        <li><img src='{{ url }}' alt="Picture_content_{{ index }}"  height="100px"></li>
                                                    {% endfor %}
                                                </ul>
                                            </div>
                                        {% endif %}
                                    </div>
                                </div>

                            </div>
                        </td>
                    </tr>
                    {% if info['replyContent'] | length > 0  %}
                        {% for index,row in info['replyContent']  %}
                            {% if row['inquiry'] == 1 %}
                                <tr>
                                    <td valign="top" style="text-align: center;width: 100px;">
                                        <div style="margin-top: 40px;"><label>TA的追问：</label></div>
                                    </td>
                                    <td colspan="3">
                                        <div style="position: relative;margin-right: 20px;">
                                            <div class="dialog">
                                                <div class="footer-line">
                                                    <span class="c-time">时间：{{ row['createTime'] }}</span>
                                                </div>
                                                <div class="pContent">
                                                    <p>{{ row['content'] }}</p>
                                                    {% if row['image'] | length > 0 %}
                                                        <div  style="margin-bottom: 10px;">
                                                            <ul class="uploaded-photo-list m-top-sm clearfix images" >
                                                                {% for urlIndex,url in row['image']  %}
                                                                    <li><img src='{{ url }}' alt="Picture_reply_{{ urlIndex }}"  height="100px"></li>
                                                                {% endfor %}
                                                            </ul>
                                                        </div>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>


                            {% else %}
                                <tr>
                                    <td valign="top" style="text-align: center;width: 100px;">
                                        <div style="margin-top: 40px;"><label>平台回复：</label></div>
                                    </td>
                                    <td colspan="3">
                                        <div style="position: relative;margin-right: 20px;">
                                            <div class="dialog">
                                                <div class="footer-line">
                                                    <span class="c-time">时间：{{ row['createTime'] }}</span>
                                                </div>
                                                <div class="pContent">
                                                    <p>{{ row['content'] }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                    {% if info['nowStatus'] == '已解决'  %}
                        <tr>
                            <td></td>
                            <td colspan="3">
                                <div style="position: relative;margin-right: 20px;">
                                    <div class="dialog">
                                        <div class="footer-line">
                                            <span class="c-time">时间：{{ info['solveTime'] }}</span>
                                        </div>
                                        <div class="pContent">
                                            【已解决】
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    {% endif %}
                </table>
            </div>

        </td>
    </tr>
</table>